<script setup lang="ts">
import { handleBackground } from "@slidev/client/layoutHelper";
import { defineProps, computed } from "vue";
const props = defineProps({
  background: {
    default: "",
  },
});
const style = computed(() => {
  const obj = handleBackground(props.background, true);
  obj.backgroundImage = (obj.backgroundImage || "").replace(
    /linear-gradient\(\#0005\, \#0008\)\, /,
    ""
  );
  return obj;
});
</script>

<template>
  <div class="slidev-layout cover" :style="style">
    <div class="my-auto w-full">
      <slot />
    </div>
  </div>
</template>

<style>
*,
*::after,
*::before {
  color: #333;
}
</style>